// 加载模块
import axios from 'axios';
import {$} from './utils.js';
import './goods-common.js';

// 监听表单提交事件
$('.upload-form').onsubmit = function (e){
    e.preventDefault();// 阻止表单提交

    // 创建FormData对象
    let fd = new FormData(this);

    // 发送请求
    axios({
        method: 'post',
        url: 'http://localhost:9999/goods/upload',
        data: fd
    })
    .then(res=>{
        alert(res.data.msg);
        if (res.data.code === 1) {
            // 上传成功，将图片地址展示在输入框中
            $('#imgurl').value = res.data.imgurl;
        }
    })
    .catch(()=>{
        alert('上传失败，请重试！');
    });
};

// 点击添加商品
$('.btn-primary').onclick = function (){
    // 获取输入的数据
    let name = $('#name').value;
    let type = $('#type').value;
    let count = $('#count').value;
    let price = $('#price').value;
    let desc = $('#desc').value;
    let imgurl = $('#imgurl').value;

    // 空值判断
    if (!name || !type || !price || !desc || !count || !imgurl) {
        alert('商品信息不能为空！');
        return;
    }

    // 发送请求
    axios({
        method: 'post',
        url: 'http://localhost:9999/goods/add',
        data: {name,type,price,desc,count,imgurl}
    })
    .then(res=>{
        alert(res.data.msg);
        if (res.data.code === 1) {
            // 添加成功，清空输入框
            $('#name').value = '';
            $('#type').value = '';
            $('#desc').value = '';
            $('#count').value = '';
            $('#price').value = '';
            $('#imgurl').value = '';
            $('#upfile').value = '';
        }
    })
    .catch(()=>{
        alert('添加失败，请重试！');
    });
};